layui.use(['form', 'table'], function () {
    var form = layui.form,
        layer = layui.layer,
        table = layui.table,
        $ = layui.$;

    /**
     * 初始化表单，要加上，不然刷新部分组件可能会不加载
     */
    form.render();

    // 当前弹出层，防止ID被覆盖
    var parentIndex = layer.index;

    //初始化
    $(function(){
        var id = $("#id").val();
        if(id != '' && id != null && id != undefined){
            var index = layer.load(2);
            var url = "/web/boTag/getInfoById";
            $.get(url, {id: id}, function(data){
                layer.close(index);
                if(data.state == "200"){
                    $("#name").val(data['boTag'].name);
                    $("#colorValue").val(data['boTag'].color);
                    $('#color').css('background-color', data['boTag'].color);
                    colorPanel(data['boTag'].color); //初始化颜色选择器
                }else{
                    colorPanel("#1aa094"); //初始化颜色选择器,默认#1926dc
                    $("#colorValue").val("#1aa094");
                    layer.msg(data.message, {icon:2});
                }
                form.render();
            })
        }else{
            colorPanel("#1aa094"); //初始化颜色选择器,默认#1926dc
            $("#colorValue").val("#1aa094");
        }
    });

    /**
     * 颜色选择器
     * @param co
     */
    function colorPanel(co){
        $('#color').paigusu({
            color: co //初始色  支持两种配置方案
        }, function (event, obj) {
            $('#color').css('background-color', '#' + obj.hex);
            $("#colorValue").val("#" + obj.hex);
        });
    }


    //监听提交
    form.on('submit(saveBtn)', function (data) {
        var index = layer.load(2);
        var url = "/web/boTag/save";
        $.post(url, data.field, function(res){
            if(res.state == "200"){
                layer.msg(res.message, {icon:1});
            }else{
                layer.msg(res.message, {icon:2});
            }
            // 关闭弹出层
            layer.close(index);
            layer.close(parentIndex);
        }, 'json');

        return false;
    });

    $("#closeBtn").on("click", function(){
        // 关闭弹出层
        layer.close(parentIndex);
    });

});